<template>
    <div>
        <Card class="NewCard">
            <p slot="title">
                <Icon type="ios-film-outline" sr></Icon>
                <font color="#80848f" size="4.5"> 最近更新电影</font>
            </p>
            <ul class="qy-mod-ul">
                <li :class="[qy-mod-li,{topRow:key>4}]" v-for="(item,key) in newMovieList">
                    <div class="qy-mod-img vertical">
                        <div class="qy-mod-link-wrap">
                       
                                <a class="qy-mod-link" target="_blank" @click="phushDetalis(item.movieId)">
                                    <img class="qy-mod-cover fadeOutIn-enter-active" :src="item.imgUrl">

                                    <div class="dubo"></div>

                                </a>
                  
                        </div>
                        <div class="title-wrap">

                            <p class="main">
                             
                                    <a rseat="712211_dianying_title1" :title="item.mname" class="link-txt" href="//www.iqiyi.com/v_19rr6tth88.html" target="_blank">
                                        {{item.mname}}
                                    </a>
                                
                                <span class="text-score">{{item.mscore}}</span>
                            </p>
                        </div>
                    </div>
                </li>

            </ul>
        </Card>
    </div>
</template>
<script>
import router from '@/router'
export default {
  data() {
    return {
      newMovieList: []
    };
  },
  methods: {
    queryNewMovie() {
      this.$api
        .queryNewMovie()
        .then(data => {
          this.newMovieList = data.data;
        })
        .catch(error => {
          console.log(error);
          this.$Message.info(error);
        });
    },
    phushDetalis(mid){
        router.push({path:'/details/1',query:{mid}});
    }
  },
  created() {
    this.queryNewMovie();
  }
};
</script>
<style lang="scss" scoped>
@import "../../static/css/Cards.scss";
</style>